<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="css/personal.css">
    <script src="js/jquery-3.1.1.js"></script>
</head>
<body>
<!--头部-->
    <header>
        <div> </div>
        <p class="shezhi"><a href="shezhi.html" style="color: #fff;">设置</a></p>
        <div class="per">
            <img src="img/portrait.jpg" alt="" class="tou">
            <span>辛约瑟</span>
            <img src="img/v0_03.png" alt="" class="span1">
        </div>
    </header>
    <section>
        <!--收藏栏-->
        <div class="sec1">
            <div class="div1">
                <p>209</p>
                <p>收藏的宝贝</p>
            </div>
            <span>|</span>
            <div class="div1">
                <p>5</p>
                <p>收藏的店铺</p>
            </div>
            <span>|</span>
            <div class="div1">
                <p>5</p>
                <p>我的足迹</p>
            </div>
        </div>
        <!--等待付款-->
        <div class="sec2">
            <div class="lc">
                <img src="img/tu (1).png" alt="">
                <p>待付款</p>
            </div>
            <div class="lc">
                <img src="img/tu (2).png" alt="">
                <p>待发货</p>
            </div>
            <div class="lc">
                <img src="img/tu (3).png" alt="">
                <p>待收货</p>
            </div>
            <div class="lc">
                <img src="img/tu (4).png" alt="">
                <p>待评价</p>
            </div>
            <div class="lc">
                <img src="img/tu (5).png" alt="">
                <p>退款/售后</p>
             </div>
        </div>
        <!--全部订单跳转订单管理页面-->
        <div class="sec3">
            <a href="order.html">
                <div class="quan">
                    <img src="img/dd_03.png" alt="">全部订单
                </div>
                <div class="cha">查看全部订购单 <span>&gt;</span></div>
            </a>
        </div>
        <!--购物车跳转shoppng页面-->
        <div class="sec4">
            <a href="shopping.html">
                <div class="pic">
                
                    	<img src="img/dd_06.png" alt="">
                   
                </div>
                <div class="shop">
                    <p>购物车</p>
                    <p>&gt;</p>
                </div>
            </a>
        </div>
        <!--搜索跳转search页面-->
        <div class="sec5">
            <a href="search.html">
                <div class="pic">
                    <img src="img/dd_08.png" alt="">
                </div>
                <div class="shop">
                    <p>搜索</p>
                    <p>&gt;</p>
                </div>
            </a>
        </div>
        <div class="sec6">
            <a href="">
                <div class="pic">
                    <img src="img/dd_10.png" alt="">
                </div>
                <div class="shop">
                    <p>支付宝</p>
                    <p>&gt;</p>
                </div>
            </a>
        </div>
        <div class="sec7">
            <a href="">
                <div class="pic">
                    <img src="img/dd_12.png" alt="">
                </div>
                <div class="shop">
                    <p>旺旺</p>
                    <p>&gt;</p>
                </div>
            </a>
        </div>
        <div class="sec8">
            <a href="">
                <div class="pic">
                    <img src="img/dd_14.png" alt="">
                </div>
                <div class="shop">
                    <p>我的彩票</p>
                    <p>&gt;</p>
                </div>
            </a>
        </div>
        <div class="sec9">
            <a href="">
                <div class="pic">
                    <img src="img/dd_16.png" alt="">
                </div>
                <div class="shop">
                    <p>我的机票</p>
                    <p>&gt;</p>
                </div>
            </a>
        </div>
    </section>
    <footer>
        <p>辛约瑟</p><span>|</span>
        <p><a href="login.html">退出</a></p>
        <p class="p3">意见反馈</p>
        <p class="p3">电脑版</p>
    </footer>
</body>
</html>
<script>
    (function() {
        size();
        window.onresize = function() {
            size();
        }

        function size() {
            var winW = document.documentElement.clientWidth || document.body.clientWidth;
            document.documentElement.style.fontSize = (winW / 320) * 100 + "px";
        }
    })()
</script>